关键字: webpack
  • roadhog打包生成hash值文件的配置的过程(解决浏览器代码缓存)
    初步解决 下面用到的插件: HTML Webpack Plugin(本来打算通过这个插件打包出带哈希值的文件,但结果不行,但它另有用途) Webpack Manifest Plugin(没有这个的话,服务器根本就不知道hash之后的JS和C ...
  • 2、webpack从0到1-模块化规范
    本章在上章内容的基础上简单扩展一下,先说下模块的规范,有哪些标准,然后谈下webpack的loader怎么用以及使用webpack中的babel-loader简单打包一下。 git仓库:webpack-demo 1、模块化规范 上章我们知 ...
  • 2019年最佳JavaScript框架,库和工具
    JavaScript框架,库和工具似乎比他们的开发人员多出很多。在2018年底,对GitHub的快速搜索显示了 230 万个JavaScript项目。 npm 已经成为世界上最大的模块系统,在 npmjs.com 上有70万个可用包,每个月 ...
  • 前端劝退预警:JavaScript 工具链不完全指南
    宇宙中最重的物质 经过这么多年的发展,JavaScript 早已经不是当年那个不太起眼的脚本语言。如今的 JavaScript 可以说是风光无限,在 Web 前端、移动端、服务端甚至物联网设备上都大展身手,到处都有它的身影。 在 Java ...
  • Skeleton Screen骨架屏
    背景 传统的优化用户等待的体验 - 白屏使用动画,菊花图,加载进度条等: image.png It can be bad because progress indicators by definition call attention to ...
  • 4、webpack从0到1-打包图片资源
    上节讲了下webpack的loaders,然后尝试用babel-loader打包了下,想这些基础的loader还有一些需要介绍一下,本章说下关于打包图片资源的loader:file-loader和url-loader。 git仓库:web ...
  • 5、webpack从0到1-处理css文件
    讲下webpack如何处理css样式文件。 git仓库:webpack-demo 1、新建 进入项目中,在src目录下新建一个styles/header.css文件。 webpack-demo/chapter5 ... |- / ...
  • 2020 校招,我是如何拿到小米、京东、字节大厂前端offer
    作者:B2D1https://juejin.im/post/5e66ecdee51d45270c27916d前言Hi~,我是 2020 届物联网专业毕业生,现就读于杭州。谨以此文来记录我的秋招以及入门前端以来的学习历程,如有错误,希望大家能 ...
  • 6、webpack从0到1-less、sass、postcss
    还是延续上节的内容,webpack如何处理less、sass这种预编译样式文件。 本节的内容主要是postcss的运用,postcss很强大,我们小试牛刀用它来实现在不同的浏览器中为我们自动添加前缀如-webkit-、-moz-等等以做兼 ...
  • webpack 中实现自动识别 CSS Modules
    背景 在 React 项目中使用 CSS 时,如果不使用 CSS in JS 的方案,一般会直接在 JS 文件中导入一个 CSS 文件,比如 import './index.css',但这样 CSS 会在全局作用域内都有效,所以我们会使用 ...

暂无数据